(function () {

FastClick.attach(document.body);

var str = 
  '<div class="pswp" tabindex="-1" role="dialog" aria-hidden="true">'
  +'<div class="pswp__bg"></div>'
  +'<div class="pswp__scroll-wrap">'
    +'<div class="pswp__container">'
      +'<div class="pswp__item"></div>'
      +'<div class="pswp__item"></div>'
      +'<div class="pswp__item"></div>'
    +'</div>'
    +'<div class="pswp__ui pswp__ui--hidden">'
      +'<div class="pswp__top-bar">'
        +'<div class="pswp__counter"></div>'
        +'<button class="pswp__button pswp__button--close" title="关闭"></button>'
        +'<div class="pswp__preloader">'
          +'<div class="pswp__preloader__icn">'
            +'<div class="pswp__preloader__cut">'
              +'<div class="pswp__preloader__donut"></div>'
            +'</div>'
          +'</div>'
        +'</div>'
      +'</div>'
      +'<div class="pswp__caption">'
        +'<div class="pswp__caption__center"></div>'
      +'</div>'
    +'</div>'
  +'</div>'
+'</div>';

var ele = document.createElement('div');
ele.innerHTML = str;

document.body.appendChild(ele);
var imgs = document.querySelectorAll('.img');
var i = 0;
var items = [];
var ele = null;
var pswpElement = document.querySelectorAll('.pswp')[0];

for (i = 0; i < imgs.length; i++) {
  items.push({ src: './' + (i + 1) + '.jpg', w:600, h:300 })
}

for (i = 0; i < imgs.length; i++) {
  ele = imgs[i];
  (function (j) {
    ele.addEventListener('click', function () {
      var options = {
        index: j 
      };

      var gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, items, options);
      gallery.init();
    })
  })(i);
}

})();